<script setup>
import NavBar from "@/components/NavBar.vue";
import Menu from "@/components/documents/menu.vue";
import Date from "@/components/documents/date.vue";
import List from "@/components/documents/list.vue";
import {ref} from "vue";
const recordsArr = ref([
  {
    date: '今天',
    items: [
      {
        name: '槐安一仓名称哈哈哈哈哈哈哈哈哈哈哈哈',
        total: 9,
        totalPrice: 90
      },
      {
        name: '仓库二名称',
        total: 5,
        totalPrice: 90
      }
    ]
  },
  {
    date: '昨天',
    items: [
      {
        name: '仓库三名称',
        total: 10,
        totalPrice: 90
      }
    ]
  },
  {
    date: '2021-11-12',
    items: [
      {
        name: '仓库四名称',
        total: 8,
        totalPrice: 90
      }
    ]
  }
]);
</script>

<template>
  <div class="overflowHidden">
    <NavBar title="出库列表"></NavBar>
    <Menu></Menu>
    <div class="height h-[calc(100vh-81px)]">
      <Date></Date>
      <List :records="recordsArr"></List>
    </div>
  </div>
</template>

<style scoped>

</style>